<template>
  <div>
		<el-form label-width="100px">
			<el-form-item label="题目类型">
				<h3>{{prop.question.questionType}}</h3>
			</el-form-item>
			<el-form-item label="难度等级">
				<h3>{{prop.question.difficultyLevel}}</h3>
			</el-form-item>
			<el-form-item label="题干">
				<h3>{{prop.question.questionText}}</h3>
			</el-form-item>
			<el-form-item label="选项" v-if="prop.question.questionType === '选择'">
				<ol type="A" style="margin-left: 50px;">
					<li>{{prop.question.optionA}}</li>
					<li>{{prop.question.optionB}}</li>
					<li>{{prop.question.optionC}}</li>
					<li>{{prop.question.optionD}}</li>
				</ol>
			</el-form-item>
			<el-form-item label="答案">
				<pre>{{prop.question.correctAnswer}}</pre>
			</el-form-item>
			<el-form-item label="问题解析">
				<h3>{{prop.question.analysis}}</h3>
			</el-form-item>
		</el-form>
  </div>
</template>

<script setup>
const prop = defineProps(['question'])
</script>

<style scoped lang="scss">
</style>